<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
		<i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
	<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
		<button class="layui-btn" onclick="x_admin_show('添加用户','./role-add.html')"><i class="layui-icon"></i>添加</button>
		<span class="x-right" style="line-height:40px">共有数据：{:$authRole->total()} 条</span>
	</xblock>
	<table class="layui-table">
		<thead>
		<tr>
			<th>
				<div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
			</th>
			<th>ID</th>
			<th>角色名</th>
			<th>描述</th>
			<th>状态</th>
			<th>操作</th>
		</thead>
		<tbody>
		{volist name='authRole' id='row'}
		<tr>
			<td>
				<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$row.role_id}'><i class="layui-icon">&#xe605;</i></div>
			</td>
			<td>{$row.role_id}</td>
			<td>{$row.role_name}</td>
			<td>{$row.role_sign}</td>
			<td class="td-status">
				{if condition='$row.role_name=="超级管理员"'}
					{else /}
					{if condition='$row.role_status==0'}
					<span class="layui-btn layui-btn-normal  layui-btn-sm  layui-btn-warm " >已启用</span>
					{else/}
					<span class="layui-btn layui-btn-normal  layui-btn-sm  layui-btn-warm layui-btn-disabled" >已停用</span>
					{/if}
				{/if}
			</td>
			{if condition='$row.role_name=="超级管理员"'}
			{else /}
			<td class="td-manage">
				<a onclick="member_stop(this,'{$row.role_id}')" href="javascript:;" title="{$row.role_status=='1' ?'启用' :'停用'}">
					<i class="layui-icon">&#xe601;</i>
				</a>
				<a title="编辑" onclick="x_admin_show('编辑','{:url('admin/AdminRole/edit',['role_id'=>$row.role_id])}')" href="javascript:;">
					<i class="layui-icon">&#xe642;</i>
				</a>
				<a title="删除" onclick="member_del(this,'{$row.role_id}')" href="javascript:;">
					<i class="layui-icon">&#xe640;</i>
				</a>
			</td>
			{/if}
		</tr>
		{/volist}
		</tbody>
	</table>
	<div class="page">
		{$authRole->render()}
	</div>
</div>
<script>
    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function (index) {
			$.post("{:url('admin/AdminRole/adminStatus')}", {role_id:id,role_status:obj.title}, function(res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
			});
        });
    }
    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $.post("{:url('admin/AdminRole/del')}", {role_id: id}, function (res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
            });
        });
    }
	/*删除所选用户*/
    function delAll(argument) {
        var data = tableCheck.getData();
        id = '';
        for (var i in data) {
            id += data[i] + ',';
        }
        layer.confirm('确认要删除吗？', function (index) {
            //捉到所有被选中的，发异步进行删除
            $.post("{:url('admin/AdminRole/del')}", {role_id: id}, function (res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
            });
        });
    }
</script>
</body>
